<template>
	<!-- //舌面辨析 -->
	<view class="identify">
		<!-- 舌诊照片部分 -->
		<view class="tongue-image">
			<view class="tongue-image-title">舌诊照片</view>
			<view class="tongue-image-imgs">
				<image class="size" :src="tongueImage.szCheckTopImgUrl"></image>
				<image class="size" :src="tongueImage.szCheckBackImgUrl"
					v-if="tongueImage.szCheckBackImgUrl !=''?true:false"></image>
				<image class="size" :src="faceImage.faceFrontImgUrl"
					v-if="faceData !=null &&  faceImage.faceFrontImgUrl !=''?true:false">
				</image>
				<image class="size" :src="faceImage.faceLeftImgUrl"
					v-if="faceData !=null &&faceImage.faceLeftImgUrl!=''?true:false">
				</image>
				<image class="size" :src="faceImage.faceRightImgUrl"
					v-if="faceData !=null &&faceImage.faceRightImgUrl !=''?true:false">
				</image>
			</view>
		</view>
		<!-- 舌诊人工解析部分 -->
		<view class="interligent-parsing">
			<view class="interligent-parsing-title">舌象特征人工智能解析</view>
			<!-- 这里渲染表格 -->
			<view class="interligent-parsing-content">
				<view class="content-title">舌色</view>
				<view class="content-change">
					<view class="content-arrow">
						<view class="content-arrow1" v-if='responseData.colorOfTongueNames==="淡白舌"'
							:style="{ 'margin-left': margin1}">不正常
						</view>
						<view class="content-arrow2" v-if='responseData.colorOfTongueNames==="舌质淡"'
							:style="{ 'margin-left': margin2}">
							不正常</view>
						<view class="content-arrow3" v-if='responseData.colorOfTongueNames==="淡红舌"'
							:style="{ 'margin-left': margin3}">
							正常</view>
						<view class="content-arrow4" v-if='responseData.colorOfTongueNames==="红舌"'
							:style="{ 'margin-left': margin4}">不正常
						</view>
						<view class="content-arrow5" v-if='responseData.colorOfTongueNames==="绛舌"'
							:style="{ 'margin-left': margin5}">不正常</view>
						<view class="content-arrow6" v-if='responseData.colorOfTongueNames==="青紫舌"'
							:style="{ 'margin-left': margin6}">不正常</view>

					</view>
					<view class="conten-bar">
						<view class="color1"></view>
						<view class="color2"></view>
						<view class="color3"></view>
						<view class="color4"></view>
						<view class="color5"></view>
						<view class="color6"></view>
						<text>淡白</text><text>舌质淡</text><text>淡红</text><text>红</text><text>绛红</text><text>青紫</text>
					</view>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('舌色程度')">{{item }}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData.ossSheseImgUrl===null? responseData.ossSplitImgUrl:responseData.ossSheseImgUrl ">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.colorOfTongueDescribe)" :key="item ">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>


			<view class="interligent-parsing-content">
				<view class="content-title">苔色</view>
				<view class="content-change">
					<view class="content-arrow">
						<view class="content-arrow7" v-if="responseData.colorOfMossNames==='白苔'"
							:style="{ 'margin-left': margin7}">正常</view>
						<view class="content-arrow8" v-if="responseData.colorOfMossNames==='淡黄苔'"
							:style="{ 'margin-left': margin8}">不正常</view>
						<view class="content-arrow9" v-if="responseData.colorOfMossNames==='黄苔'"
							:style="{ 'margin-left': margin9}">不正常</view>
						<view class="content-arrow10" v-if="responseData.colorOfMossNames==='焦黄苔'"
							:style="{ 'margin-left': margin10}">不正常</view>
						<view class="content-arrow11" v-if="responseData.colorOfMossNames==='灰黑苔'"
							:style="{ 'margin-left': margin11}">不正常</view>
						<view class="content-arrow12" v-if="responseData.colorOfMossNames==='焦黑苔'"
							:style="{ 'margin-left': margin12}">不正常</view>
					</view>
					<view class="conten-bar2">
						<view class="color1"></view>
						<view class="color2"></view>
						<view class="color3"></view>
						<view class="color4"></view>
						<view class="color5"></view>
						<view class="color6"></view>
						<text>白</text>
						<text>淡黄</text>
						<text>黄</text>
						<text>焦黄</text>
						<text>灰黑</text>
						<text>焦黑</text>
					</view>
				</view>

				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag(['苔色','位置'])">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData.ossTaiseImgUrl ===null?  responseData.ossSplitImgUrl : responseData.ossTaiseImgUrl  ">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.colorOfMossDescribe)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>




			<view class="interligent-parsing-content">
				<view class="content-title">点刺</view>

				<view class="content-state">
					<text class="content-state-text">{{decide(responseData.shapeOfTongueNames,"点刺")}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('点刺程度')">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData.ossPrickImgUrl ===null?responseData.ossSplitImgUrl : responseData.ossPrickImgUrl "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'点刺')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>


			<view class="interligent-parsing-content">
				<view class="content-title">瘀点</view>

				<view class="content-state">
					<text class="content-state-text">{{decide(responseData.shapeOfTongueNames,"瘀点")}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('瘀点')">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.ossYudianImgUrl  ? responseData.ossYudianImgUrl : responseData.ossSplitImgUrl">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'瘀点')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">瘀斑</view>

				<view class="content-state">
					<text class="content-state-text">{{decide(responseData.shapeOfTongueNames,"瘀斑")}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('瘀斑')">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.ossYubanImgUrl   ? responseData.ossYubanImgUrl : responseData.ossSplitImgUrl "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'瘀斑')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">裂纹</view>

				<view class="content-state">
					<text class="content-state-text">{{decide(responseData.shapeOfTongueNames,"裂纹")}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('裂纹')">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.ossLiewenImgUrl  ?  responseData.ossLiewenImgUrl  : responseData.ossSplitImgUrl  "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'裂纹')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">齿痕</view>

				<view class="content-state">
					<text class="content-state-text">{{decide(responseData.shapeOfTongueNames,"齿痕")}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('齿痕')">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.ossShexingImgUrl  ?  responseData.ossShexingImgUrl  : responseData.ossSplitImgUrl  "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'齿痕')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">舌形</view>

				<view class="content-state">
					<text class="content-state-text">{{decideShape(responseData.shapeOfTongueNames,"舌形")}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag()">1111</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.ossShexingImgUrl  ?  responseData.ossShexingImgUrl  : responseData.ossSplitImgUrl  "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'舌形')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">厚薄</view>

				<view class="content-state">
					<text class="content-state-text">{{chooseThickness()}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('苔厚程度')">{{item}}</span>
				</view>

				<view class="content-analyse">
					<view class="content-image">
						<image :src="responseData.ossSplitImgUrl" mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.mossDescribe,'厚薄')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">腐腻</view>

				<view class="content-state">
					<text class="content-state-text">{{chooseRotten()}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag(['腻苔','腐苔'])">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image :src="responseData.ossSplitImgUrl" mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.mossDescribe,'腐腻')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">苔质</view>

				<view class="content-state">
					<text class="content-state-text">{{chooseboluo()}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('剥落位置')">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.ossBoluoImgUrl  ?  responseData.ossBoluoImgUrl  : responseData.ossSplitImgUrl   "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.mossDescribe,'苔')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content">
				<view class="content-title">津液</view>

				<view class="content-state">
					<text class="content-state-text">{{responseData.bodyfluidNames}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag(['润','滑','燥'])">{{item}}</span>
				</view>

				<view class="content-analyse">
					<view class="content-image">
						<image :src="responseData.ossSplitImgUrl" mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.bodyfluidDescribe)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>



			<view class="interligent-parsing-content" v-if="show">
				<view class="content-title">异常舌形</view>

				<view class="content-state">
					<text class="content-state-text">{{decide(responseData.shapeOfTongueNames,"异常舌形")}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('异常舌形')">{{item}}</span>
				</view>
				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.extraProcessImgJson.rectContour ?responseData.extraProcessImgJson.rectContour  :responseData.ossSplitImgUrl "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'异常舌形')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>


			<view class="interligent-parsing-content" v-if="show">

				<view class="content-title">肝郁线</view>
				<view class="content-state">
					<text class="content-state-text">{{decide(responseData.shapeOfTongueNames,"肝郁线")}}</text>
				</view>

				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.extraProcessImgJson.ganyuXian?responseData.extraProcessImgJson.ganyuXian  : responseData.ossSplitImgUrl  "
							mode=""></image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.shapeOfTongueDescribe,'肝郁线')" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<!-- replace -->
			<view class="interligent-parsing-content"
				v-if="responseData.ossLuomaiLabelImgUrl &&responseData.ossSplitBackImgUrl||responseData.veinNames!=='null'">
				<view class="content-title">舌下络脉异常程度</view>
				<view class="content-state">
					<text class="content-state-text">{{decideVein(responseData.colorOfMossNames)}}</text>
				</view>
				<view class="content-trait">
					<span class="traits" v-for="item in chooseTag('脉')">{{item}}</span>
				</view>

				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="responseData && responseData.ossLuomaiLabelImgUrl  ?  responseData.ossLuomaiLabelImgUrl  : responseData.ossSplitBackImgUrl">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in clear(responseData.veinDescribe)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>


		<view class="face" v-if="faceReturnVO==null||faceData==null?false:true">


			<view class="interligent-parsing-content" v-if="faceData.processImage.faceBzxz!==null">
				<view class="content-title">鼻褶</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.bizhe.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.processImage.faceBzxz">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.bizhe.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.rectLip!==null">
				<view class="content-title">唇色</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.chunse.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.rectLip">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.chunse.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.leftEars!==null">
				<view class="content-title">耳色(左耳)</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.erseLeft.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.leftEars">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.erseLeft.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.rightEars!==null">
				<view class="content-title">耳色(右耳)</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.erseRight.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.rightEars">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.erseRight.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.processImage.leftFaceEzxz!==null">
				<view class="content-title">耳褶(左耳)</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.erzheLeft.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.processImage.leftFaceEzxz">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.erzheLeft.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.processImage.rightFaceEzxz!==null">
				<view class="content-title">耳褶(右耳)</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.erzheRight.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.processImage.rightFaceEzxz">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.erzheRight.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.faceSplit!==null">
				<view class="content-title">光泽</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.guangze.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.faceSplit">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.guangze.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.leftEye!==null">
				<view class="content-title">黑眼圈（左眼）</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.heiyanquanLeft.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.leftEye">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.heiyanquanLeft.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.rightEye!==null">
				<view class="content-title">黑眼圈（右眼）</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.heiyanquanRight.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.rightEye">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.heiyanquanRight.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.processImage.faceAreaLabel!==null">
				<view class="content-title">两颧红</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.liangquanhong.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.processImage.faceAreaLabel">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.liangquanhong.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.processImage.faceAreaLabel!==null">
				<view class="content-title">眉间/鼻柱青色</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.meijianqing.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.processImage.faceAreaLabel">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.meijianqing.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content"
				v-if="faceData.processImage.faceAbnormal || faceData.processImage.leftSidefaceAbnormal ||faceData.processImage.rightSidefaceAbnormal!==null">
				<view class="content-title">面部皮损</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.mianbuPiSun.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image
							:src="faceData.processImage.faceAbnormal || faceData.processImage.leftSidefaceAbnormal ||faceData.processImage.rightSidefaceAbnormal">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.mianbuPiSun[0].description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.processImage.faceAreaLabel!==null">
				<view class="content-title">面色</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.mianse.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.processImage.faceAreaLabel">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.mianse.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.leftEye!==null">
				<view class="content-title">左眼目色</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.museLeft.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.leftEye">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.museLeft.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.rightEye!==null">
				<view class="content-title">右眼目色</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.museRight.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.rightEye">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.museRight.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.caluateImage.doubleEye!==null">
				<view class="content-title">眼神</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.yanshen.name}}</text>
				</view>


				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.caluateImage.doubleEye">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.yanshen.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

			<view class="interligent-parsing-content" v-if="faceData.processImage.mainMosaic!==null">
				<view class="content-title">主色</view>
				<view class="content-state">
					<text class="content-state-text">{{faceData.zhuse.name}}</text>
				</view>

				<view class="content-analyse">
					<view class="content-image">
						<image :src="faceData.processImage.mainMosaic">
						</image>
					</view>
					<view class="content-text">
						<view v-for="item in faceclear(faceData.zhuse.description)" :key="item">
							<view>{{item.type}}</view>

							<view>{{item.content}}</view>
						</view>
					</view>
				</view>
			</view>

		</view>


	</view>
</template>

<script>
	import * as TongueApi from '@/api/tongue/tongue.js'
	export default {
		onLoad(options) {
			//获取OUTID
			console.log(options.params)
			const paramsStr = options.params;
			const receivedParams = JSON.parse(paramsStr); // 将参数字符串解析为对象
			this.reportid = receivedParams.reportid
			this.getTongueImg()
			this.getFaceImg()
			this.healthInfo()
		},
		data() {
			return {
				tongueImage: {},
				faceImage: {},
				responseData: {},
				faceData: {},
				reportid: null,
				show: Boolean,
				faceReturnVO: {},
				margin1: '6rpx',
				margin2: '110rpx',
				margin3: '200rpx',
				margin4: '295rpx',
				margin5: '386rpx',
				margin6: '486rpx',
				margin7: '6rpx',
				margin8: '100rpx',
				margin9: '200rpx',
				margin10: '295rpx',
				margin11: '386rpx',
				margin12: '486rpx',
			}
		},
		methods: {
			//获取舌像图片
			async getTongueImg() {
				const res = await TongueApi.getTongueImg(this.reportid)
				// console.log(res.data.data)
				this.tongueImage = res.data.data
			},
			//获取面相图片
			async getFaceImg() {
				const res = await TongueApi.getFaceImg(this.reportid)
				// console.log(res.data.data)
				this.faceImage = res.data.data
			},
			//接收用户信息和健康指数
			async healthInfo() {
				const res = await TongueApi.getszReport(this.reportid)
				console.log(res.data.data)
				this.faceReturnVO = res.data.data.faceReturnVO
				this.responseData = res.data.data.tongueResultVo
				this.faceData = res.data.data.faceReturnVO.result
			},

			//清除符号
			clear(e, n) {

				if (e === null) {
					const data = [{
							type: '点刺:蕈状乳头增大，高突，并形成尖峰，形如芒刺，抚之棘手。点刺多见于舌的边尖部分',
							content: '病理意义:主血分热盛或脏腑热极。'
						},
						{
							type: '瘀点:舌面出现青紫或紫黑色瘀点，多见于舌尖、舌边',
							content: '病理意义:提示脏腑或局部气血瘀滞。'
						},
						{
							type: '瘀斑:舌面局部出现青紫色斑块，大小不一.',
							content: '病理意义:提示脏腑或局部气血瘀滞'
						},
						{
							type: '裂纹:舌面上出现各种形状的裂纹，裂沟，深浅不一，多少不等统称为裂纹舌。裂纹或裂沟中无舌苔覆盖者，多属病理性变化；如沟裂中有舌苔覆盖，则多见于先天性裂纹。',
							content: '病理意义:阴血亏虚、脾虚湿浸。'
						},
						{
							type: '齿痕:舌体边缘有牙齿压迫的痕迹，又称齿印舌，舌体胖大、不胖大均可见。',
							content: '病理意义:脾虚或湿盛证。'
						},
						{
							type: '舌形正常:胖瘦老嫩适中。',
							content: '病理意义:表示气血充足.见于健康人,也可见于外感初起或内伤病情轻浅者。'
						},
						{
							type: '厚薄正常:舌苔颗粒分布均匀，透过舌苔能隐隐见到舌质。',
							content: '病理意义:舌苔是胃气、胃阴上蒸于舌面而成。苔质正常常见于健康人，或见于疾病初起，病邪在表。'
						},
						{
							type: '腐腻正常:舌苔颗粒分布均匀，透过舌苔能隐隐见到舌质。',
							content: '病理意义:舌苔是胃气、胃阴上蒸于舌面而成。苔质正常常见于健康人，或见于疾病初起，病邪在表。'
						},
						{
							type: '苔质正常:舌苔颗粒分布均匀，透过舌苔能隐隐见到舌质。',
							content: '病理意义:舌苔是胃气、胃阴上蒸于舌面而成。苔质正常常见于健康人，或见于疾病初起，病邪在表。'
						},
						{
							type: '津液正常：舌苔润泽有津，干湿适中。',
							content: '病理意义:是正常舌苔的表现之一，是胃津、肾液上承，濡润舌面的表现。'
						},
						{
							type: '舌下正常：舌下血管形态分布正常',
							content: '病理意义:。舌下络脉正常'
						}
					]
					const defaultValue = data.find(item => item.type.includes(`${n}`))
					if (defaultValue === undefined) {
						this.show === false
					} else {
						this.show === true
					}
					const defaultList = [];
					defaultList.push(defaultValue)
					// console.log(defaultList)
					return defaultList;
				} else {
					let cleanedString = e.replace(/【([^】]+)】/g, "【$1】：");
					cleanedString = cleanedString.replace(/【|】|<\/br>/g, "");
					cleanedString = cleanedString.replace(/。/g, "。|");
					cleanedString = cleanedString.split('|')
					let result = [];
					for (let i = 0; i < cleanedString.length - 1; i += 2) {
						result.push({
							type: cleanedString[i],
							content: cleanedString[i + 1]
						})
					}
					if (n) {
						const resultValue = result.find(item => item.type.includes(`${n}`))
						if (resultValue === undefined) {
							const data = [{
									type: '点刺:蕈状乳头增大，高突，并形成尖峰，形如芒刺，抚之棘手。点刺多见于舌的边尖部分',
									content: '病理意义:主血分热盛或脏腑热极。'
								},
								{
									type: '瘀点:舌面出现青紫或紫黑色瘀点，多见于舌尖、舌边',
									content: '病理意义:提示脏腑或局部气血瘀滞。'
								},
								{
									type: '瘀斑:舌面局部出现青紫色斑块，大小不一.',
									content: '病理意义:提示脏腑或局部气血瘀滞'
								},
								{
									type: '裂纹:舌面上出现各种形状的裂纹，裂沟，深浅不一，多少不等统称为裂纹舌。裂纹或裂沟中无舌苔覆盖者，多属病理性变化；如沟裂中有舌苔覆盖，则多见于先天性裂纹。',
									content: '病理意义:阴血亏虚、脾虚湿浸。'
								},
								{
									type: '齿痕:舌体边缘有牙齿压迫的痕迹，又称齿印舌，舌体胖大、不胖大均可见。',
									content: '病理意义:脾虚或湿盛证。'
								},
								{
									type: '舌形正常:胖瘦老嫩适中。',
									content: '病理意义:表示气血充足.见于健康人,也可见于外感初起或内伤病情轻浅者。'
								},
								{
									type: '厚薄正常:舌苔颗粒分布均匀，透过舌苔能隐隐见到舌质。',
									content: '病理意义:舌苔是胃气、胃阴上蒸于舌面而成。苔质正常常见于健康人，或见于疾病初起，病邪在表。'
								},
								{
									type: '腐腻正常:舌苔颗粒分布均匀，透过舌苔能隐隐见到舌质。',
									content: '病理意义:舌苔是胃气、胃阴上蒸于舌面而成。苔质正常常见于健康人，或见于疾病初起，病邪在表。'
								},
								{
									type: '苔质正常:舌苔颗粒分布均匀，透过舌苔能隐隐见到舌质。',
									content: '病理意义:舌苔是胃气、胃阴上蒸于舌面而成。苔质正常常见于健康人，或见于疾病初起，病邪在表。'
								},
								{
									type: '津液正常：舌苔润泽有津，干湿适中。',
									content: '病理意义:是正常舌苔的表现之一，是胃津、肾液上承，濡润舌面的表现。'
								},
								{
									type: '舌下正常：舌下血管形态分布正常',
									content: '病理意义:。舌下络脉正常'
								}
							]
							const defaultValue = data.find(item => item.type.includes(`${n}`))
							if (defaultValue === undefined) {
								this.show === false
							} else {
								this.show === true
							}
							const defaultList = [];
							defaultList.push(defaultValue)
							// console.log(defaultList)
							return defaultList;
						} else {
							const resultList = [];
							resultList.push(resultValue)
							// console.log(resultList)
							return resultList;
						}
					} else {
						// console.log('返回结果')
						// console.log(result)
						return result
					}

				}
			},

			//清楚符号
			faceclear(e) {
				let cleanedString = e.replace(/【([^】]+)】/g, "【$1】：");
				cleanedString = cleanedString.replace(/【|】|<\/br>/g, "");
				cleanedString = cleanedString.replace(/。/g, "。|");
				cleanedString = cleanedString.split('|')
				let result = [];
				for (let i = 0; i < cleanedString.length - 1; i += 2) {
					result.push({
						type: cleanedString[i],
						content: cleanedString[i + 1]
					})
				}
				console.log(result)
				return result
			},


			//判断
			decide(e, n) {
				let array = e.split(",");
				// console.log(array)
				let result = '';
				for (let i = 0; i < array.length; i++) {
					if (n === '点刺' && array[i] === '点刺') {
						result = '有点刺';
						break;
					} else if (n === '瘀点' && array[i] === '瘀点') {
						result = '有瘀点';
						break;
					} else if (n === '瘀斑' && array[i] === '瘀斑') {
						result = '有瘀斑';
						break;
					} else if (n === '裂纹' && array[i] === '裂纹') {
						result = '有裂纹';
						break;
					} else if (n === '齿痕' && array[i] === '齿痕') {
						result = '有齿痕';
						break;
					} else if (n === '异常舌形' && array[i] === '异常舌形') {
						result = '异常舌形';
						break;
					} else if (n === '肝郁线' && array[i] === '肝郁线') {
						result = '肝郁线';
						break;
					} else if (n == '异常舌形' && array[i] !== '异常舌形') {
						result = '正常';
					} else if (n == '肝郁线' && array[i] !== '肝郁线') {
						result = '正常'
					} else {
						result = '未见' + n
					}
				}
				return result;

			},


			//判断舌形
			decideShape(e, n) {
				let array = e.split(",");
				// console.log(array)
				let result = '';
				for (let i = 0; i < array.length; i++) {
					if (n === '舌形' && array[i] === '胖') {
						result = '胖';
						break;
					} else if (n === '舌形' && array[i] === '瘦') {
						result = '瘦';
						break;
					} else if (n === '舌形' && array[i] === '老') {
						result = '老';
						break;
					} else if (n === '舌形' && array[i] === '嫩') {
						result = '嫩';
						break;
					} else {
						result = '正常'
					}
				}
				return result;

			},

			//判断舌下返回的症状
			decideVein() {
				if (this.responseData.veinNames === null) {
					return '未检测到舌下'
				} else {
					return this.responseData.veinNames
				}
			},

			//这里是判断厚薄的方法
			chooseThickness() {
				if (this.responseData.colorOfMossNames === null) {
					return '无苔'
				} else if (this.responseData.mossNames.includes('薄苔')) {
					return '薄苔'
				} else if (this.responseData.mossNames.includes('厚苔')) {
					return '厚苔'
				} else {
					return '正常'
				}
			},

			//这里是判断腐腻的方法
			chooseRotten() {
				if (this.responseData.mossNames.includes('腐')) {
					return '腐'
				} else if (this.responseData.mossNames.includes('腻')) {
					return '腻'
				} else {
					return '正常'
				}
			},

			//判断剥落的方法
			chooseboluo() {
				if (this.responseData.mossNames.includes('剥落')) {
					return '剥落'
				} else if (this.responseData.mossNames.includes('无苔')) {
					return '无苔'
				} else if (this.responseData.mossNames.includes('少苔')) {
					return '少苔'
				} else {
					return '正常'
				}
			},




			//选出对应的标签
			chooseTag(e) {
				let filteredValues = [];

				if (e === '') {
					return
				} else if (e instanceof Array) {
					const data = this.responseData.tongueAttrs
					for (let i = 0; i < e.length; i++) {
						let array = data.filter(item => item.attrName.includes(e[i])).map(item => item.attrValue);
						array.map((item, index) => {
							filteredValues.push(array[index])
						})
					}
					return filteredValues
				} else {
					const data = this.responseData.tongueAttrs
					filteredValues = data.filter(item => item.attrName.includes(e)).map(item => item.attrValue);
					return filteredValues
				}

			},
		}

	}
</script>

<style lang="scss">
	.identify {
		margin-left: 8rpx;
		height: 100vh;
		width: 100vw;
		padding: 0;
		overflow-y: scroll;
		display: flex;
		flex-direction: column;


		.tongue-image {
			display: flex;
			justify-content: center;
			flex-direction: column;

			.tongue-image-imgs {
				margin: 10rpx 20rpx;
				width: 694rpx;
				height: 156rpx;
				background: #FFFFFF;
				border-radius: 14rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
			}

			.tongue-image-title {
				margin: 20rpx;
				font-size: 36rpx;
				font-weight: 600;
				letter-spacing: 0rpx;
				line-height: 52.12rpx;
				color: rgba(0, 0, 0, 1);
				text-align: left;
				vertical-align: top;

			}

			.size {
				margin-left: 28rpx;
				width: 100rpx;
				height: 100rpx;
			}
		}

		.interligent-parsing {
			margin-bottom: -20rpx;

			.interligent-parsing-title {
				margin: 20rpx;
				width: 360rpx;
				height: 54rpx;
				opacity: 1;
				/** 文本1 */
				font-size: 36rpx;
				font-weight: 600;
				letter-spacing: 0rpx;
				line-height: 52.12rpx;
				color: rgba(0, 0, 0, 1);
				text-align: left;
				vertical-align: top;

			}

			.interligent-parsing-content {
				margin: 20rpx 20rpx;
				width: 694rpx;
				opacity: 1;
				border-radius: 14rpx;
				background: rgba(255, 255, 255, 1);
				position: relative;

				.content-title {
					margin: 10rpx 20rpx;
					padding-top: 11rpx;
					opacity: 1;
					/** 文本1 */
					font-size: 32rpx;
					font-weight: 400;
					letter-spacing: 0rpx;
					line-height: 46.34rpx;
					color: rgba(0, 0, 0, 1);
					text-align: left;
					vertical-align: top;

				}

				.content-state {
					position: absolute;
					margin: 10rpx 20rpx;
					right: 10rpx;
					top: 0rpx;
					opacity: 1;
					border-radius: 10rpx;
					line-height: 50.54rpx;
					text-align: center;
					background: rgba(243, 243, 245, 1);

					.content-state-text {
						margin: 10rpx 20rpx;
					}
				}

				.content-change {
					top: -47rpx;
					margin-left: 115rpx;
					// border: 1px solid black;
					position: relative;

					.content-arrow {
						display: flex;

						.content-arrow1 {
							margin-left: 8rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow2 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow3 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow4 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow5 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow6 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow6 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow7 {
							margin-left: 8rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow8 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow9 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow10 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow11 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow12 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}
					}

					.conten-bar {
						top: 66rpx;
						width: 600rpx;
						// height: 50rpx;  
						display: flex;
						flex-wrap: wrap;

						.color1 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-left-radius: 12rpx;
							border-bottom-left-radius: 12rpx;
							background: rgba(230, 230, 230, 1);

						}

						text {
							width: 92.71rpx;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 28.96rpx;
							color: rgba(0, 0, 0, 1);
							text-align: center;
							vertical-align: top;

						}

						.color2 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(255, 210, 207, 1);

						}

						.color3 {
							width: 96.42rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(248, 132, 119, 1);

						}

						.color4 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(225, 48, 30, 1);

						}

						.color5 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(189, 23, 23, 1);

						}

						.color6 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-right-radius: 12rpx;
							border-bottom-right-radius: 12rpx;
							background: rgba(161, 50, 204, 1);

						}
					}

					.conten-bar2 {

						// height: 50rpx;  
						display: flex;
						flex-wrap: wrap;

						text {
							width: 92.71rpx;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 28.96rpx;
							color: rgba(0, 0, 0, 1);
							text-align: center;
							vertical-align: top;

						}

						.color1 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-left-radius: 12rpx;
							border-bottom-left-radius: 12rpx;
							background: rgba(230, 230, 230, 1);

						}

						.color2 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(245, 236, 159, 1);
							;

						}

						.color3 {
							width: 96.42rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(252, 202, 35, 1);

						}

						.color4 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(222, 170, 0, 1);

						}

						.color5 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(145, 131, 83, 1);

						}

						.color6 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-right-radius: 12rpx;
							border-bottom-right-radius: 12rpx;
							background: rgba(102, 89, 46, 1);

						}
					}
				}

				.content-trait {
					display: flex;
					flex-wrap: wrap;

					.traits {
						padding: 5rpx 10rpx;
						margin-top: 10rpx;
						margin-left: 20rpx;
						height: 42rpx;
						border-radius: 10rpx;
						background: rgba(20, 205, 201, 1);
						/** 文本1 */
						font-size: 28rpx;
						font-weight: 400;
						letter-spacing: 0rpx;
						line-height: 40.54rpx;
						color: rgba(255, 255, 255, 1);
						text-align: left;
						vertical-align: top;

					}
				}

				.content-analyse {
					display: flex;
					margin-left: 10rpx;

					.content-image {
						display: inline-block;
						margin: 20rpx 10rpx;
						width: 100rpx;
						height: 100rpx;
						opacity: 1;
						border-radius: 4rpx;

						image {
							width: 100rpx;
							height: 100rpx;
						}
					}

					.content-text {
						margin-left: 15rpx;
						margin-top: 15rpx;

						view {
							width: 540rpx;
							margin-top: 5rpx;
							margin-bottom: 5rpx;
							font-size: 28rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 45rpx;
							color: rgba(0, 0, 0, 1);
							text-align: left;
							vertical-align: top;
						}
					}
				}
			}
		}

		.face {
			margin-bottom: 20rpx;
			padding-bottom: 10rpx;

			.interligent-parsing-title {
				margin: 20rpx;
				width: 360rpx;
				height: 54rpx;
				opacity: 1;
				/** 文本1 */
				font-size: 36rpx;
				font-weight: 600;
				letter-spacing: 0rpx;
				line-height: 52.12rpx;
				color: rgba(0, 0, 0, 1);
				text-align: left;
				vertical-align: top;

			}

			.interligent-parsing-content {
				margin: 20rpx 20rpx;
				width: 694rpx;
				opacity: 1;
				border-radius: 14rpx;
				background: rgba(255, 255, 255, 1);
				position: relative;

				.content-title {
					margin: 10rpx 20rpx;
					padding-top: 11rpx;
					opacity: 1;
					/** 文本1 */
					font-size: 32rpx;
					font-weight: 400;
					letter-spacing: 0rpx;
					line-height: 46.34rpx;
					color: rgba(0, 0, 0, 1);
					text-align: left;
					vertical-align: top;

				}

				.content-state {
					position: absolute;
					margin: 10rpx 20rpx;
					right: 10rpx;
					top: 0rpx;
					opacity: 1;
					border-radius: 10rpx;
					line-height: 50.54rpx;
					text-align: center;
					background: rgba(243, 243, 245, 1);

					.content-state-text {
						margin: 10rpx 20rpx;
					}
				}

				.content-change {
					top: -47rpx;
					margin-left: 115rpx;
					// border: 1px solid black;
					position: relative;

					.content-arrow {
						display: flex;

						.content-arrow1 {
							margin-left: 8rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow2 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow3 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow4 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow5 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow6 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow6 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow7 {
							margin-left: 8rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow8 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow9 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow10 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow11 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}

						.content-arrow12 {
							margin-left: 20rpx;
							width: 75rpx;
							height: 45rpx;
							opacity: 1;
							border-radius: 10rpx;
							background: url('https://zhinengjiayi.oss-cn-chengdu.aliyuncs.com/home/detection_icon_label_default%404x.png');
							background-repeat: no-repeat;
							background-size: 100%;
							text-align: center;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 35rpx;
							color: rgba(255, 255, 255, 1);
							vertical-align: top;
						}
					}

					.conten-bar {
						top: 66rpx;
						width: 600rpx;
						// height: 50rpx;  
						display: flex;
						flex-wrap: wrap;

						.color1 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-left-radius: 12rpx;
							border-bottom-left-radius: 12rpx;
							background: rgba(230, 230, 230, 1);

						}

						text {
							width: 92.71rpx;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 28.96rpx;
							color: rgba(0, 0, 0, 1);
							text-align: center;
							vertical-align: top;

						}

						.color2 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(255, 210, 207, 1);

						}

						.color3 {
							width: 96.42rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(248, 132, 119, 1);

						}

						.color4 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(225, 48, 30, 1);

						}

						.color5 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(189, 23, 23, 1);

						}

						.color6 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-right-radius: 12rpx;
							border-bottom-right-radius: 12rpx;
							background: rgba(161, 50, 204, 1);

						}
					}

					.conten-bar2 {

						// height: 50rpx;  
						display: flex;
						flex-wrap: wrap;

						text {
							width: 92.71rpx;
							font-size: 20rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 28.96rpx;
							color: rgba(0, 0, 0, 1);
							text-align: center;
							vertical-align: top;

						}

						.color1 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-left-radius: 12rpx;
							border-bottom-left-radius: 12rpx;
							background: rgba(230, 230, 230, 1);

						}

						.color2 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(245, 236, 159, 1);
							;

						}

						.color3 {
							width: 96.42rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(252, 202, 35, 1);

						}

						.color4 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(222, 170, 0, 1);

						}

						.color5 {

							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							background: rgba(145, 131, 83, 1);

						}

						.color6 {
							width: 92.71rpx;
							height: 12rpx;
							opacity: 1;
							border-top-right-radius: 12rpx;
							border-bottom-right-radius: 12rpx;
							background: rgba(102, 89, 46, 1);

						}
					}
				}

				.content-trait {
					display: flex;
					flex-wrap: wrap;

					.traits {
						padding: 5rpx 10rpx;
						margin-top: 10rpx;
						margin-left: 20rpx;
						height: 42rpx;
						border-radius: 10rpx;
						background: rgba(20, 205, 201, 1);
						/** 文本1 */
						font-size: 28rpx;
						font-weight: 400;
						letter-spacing: 0rpx;
						line-height: 40.54rpx;
						color: rgba(255, 255, 255, 1);
						text-align: left;
						vertical-align: top;

					}
				}

				.content-analyse {
					display: flex;
					margin-left: 10rpx;

					.content-image {
						display: inline-block;
						margin: 20rpx 10rpx;
						width: 100rpx;
						height: 100rpx;
						opacity: 1;
						border-radius: 4rpx;

						image {
							width: 100rpx;
							height: 100rpx;
						}
					}

					.content-text {
						margin-left: 15rpx;
						margin-top: 15rpx;

						view {
							width: 540rpx;
							margin-top: 5rpx;
							margin-bottom: 5rpx;
							font-size: 28rpx;
							font-weight: 400;
							letter-spacing: 0rpx;
							line-height: 45rpx;
							color: rgba(0, 0, 0, 1);
							text-align: left;
							vertical-align: top;
						}
					}
				}
			}
		}

	}

	.identify::-webkit-scrollbar {
		display: none;

	}
</style>